.my-content-page{
  overflow: hidden;

  .waterfall-container {
    height: 100vh;
    background-color: #f5f5f5;
  }

  .columns {
    display: flex;
    justify-content: space-between;
    padding: 10px;
  }

  .column {
    flex: 0 0 48%;
    display: flex;
    flex-direction: column;
  }

  .image-box {
    margin-bottom: 10px;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
  }

  .image {
    width: 100%;
    display: block;
  }
}
.community-type-box{
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: #F7FAF8;
  border-bottom: 1px solid #eee;
  display: flex;
  margin: 20rpx 30rpx;
  height: 70rpx;
  align-items: center;
  padding: 0 30rpx;
  border-radius: 32rpx;
  .community-type-item{
    margin: 6rpx 20rpx;
    color: #999898;
    .community-type-title{
      font-size: 30rpx;
    }
  }
  .community-type-item-checked{
    margin: 6rpx 20rpx;
    color: #999898;
    position: relative;
    color: #212121;
    font-size: 30rpx;
    font-weight: bold;
  }
  .community-type-item-checked::after {
    content: '';
    position: absolute;
    left: 50%; /* 水平居中 */
    bottom: -16rpx;
    transform: translateX(-50%);
    width: 50rpx; /* 竖线粗细 */
    height: 6rpx; /* 竖线长度 */
    background: #FE7407; /* 竖线颜色 */
  }
}
